<template>
  <a-form-model
    class="form"
    :model="form"
    :label-col="labelCol"
    :wrapper-col="wrapperCol"
    layout="vertical"
  >
    <section-title>基本信息</section-title>
    <a-row>
      <a-col :span="12">
        <a-form-model-item label="届编号" required>
          <a-input v-model="form.name" placeholder="请输入标题" />
        </a-form-model-item>
      </a-col>
      <a-col :span="12">
        <a-form-model-item label="次编号" required>
          <a-input v-model="form.name" placeholder="请输入标题" />
        </a-form-model-item>
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="24">
        <a-form-model-item label="会议名称" required>
          <a-input v-model="form.name" placeholder="请输入标题" />
        </a-form-model-item>
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="12">
        <a-form-model-item label="会议简称" required>
          <a-input v-model="form.name" placeholder="请输入标题" />
        </a-form-model-item>
      </a-col>
      <a-col :span="12">
        <a-form-model-item label="年份" required>
          <a-input v-model="form.name" placeholder="请输入标题" />
        </a-form-model-item>
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="12">
        <a-form-model-item label="开始时间" required>
          <a-date-picker show-time v-model="form.date1" style="width: 100%" />
        </a-form-model-item>
      </a-col>
      <a-col :span="12">
        <a-form-model-item label="结束时间" required>
          <a-date-picker show-time v-model="form.date1" style="width: 100%" />
        </a-form-model-item>
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="12">
        <a-form-model-item label="会中提案截止日期" required>
          <a-date-picker v-model="form.date2" style="width: 100%" />
        </a-form-model-item>
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="12">
        <a-form-model-item label="届次状态" required>
          <a-radio-group
            v-model="form.type"
            name="checkboxgroup"
            :options="plainOptions"
          />
        </a-form-model-item>
      </a-col>
    </a-row>
    <a-row>
      <a-col :span="24">
        <a-form-model-item label="备注信息" required>
          <a-textarea v-model="form.name" placeholder="请输入标题" />
        </a-form-model-item>
      </a-col>
    </a-row>

    <!-- <a-form-model-item :wrapper-col="{ span: 20, offset: 4 }">
      <a-button type="primary" @click="onSubmit"> 确定 </a-button>
      <a-button style="margin-left: 10px" @click="$router.back()">
        返回
      </a-button>
    </a-form-model-item> -->
  </a-form-model>
</template>
<script>
import sectionTitle from 'components/base/sectionTitle'
export default {
  data() {
    return {
      labelCol: { span: 2 },
      wrapperCol: { span: 14 },
      plainOptions: [
        { label: '本届', value: 'Apple' },
        { label: '本届历次', value: 'Pear' },
        { label: '历届', value: 'Orange' }
      ],
      form: {
        name: undefined,
        region: undefined,
        date1: undefined,
        delivery: false,
        type: undefined,
        resource: '',
        desc: ''
      },
      year: [
        { key: '2021', label: '2021' },
        { key: '2020', label: '2020' }
      ]
    }
  },
  components: { sectionTitle },
  methods: {
    onSubmit() {
      console.log('submit!', this.form)
    }
  }
}
</script>